<!-- <template>
  <view class="favorites-page">
    <view class="page-header">
      <view class="text-2xl font-bold text-center">我的收藏</view>
      <view class="text-sm text-gray-500 text-center mt-1">收藏的精彩内容</view>
    </view>
  </view>
</template>

<script setup lang="ts">
// 收藏页面逻辑
</script>

<style lang="scss" scoped>
.favorites-page {
  min-height: 100vh;
  background: #f8fafc;
}

.page-header {
  @apply bg-white shadow-sm p-4 mb-4;
}
</style> -->




<template>



<view class="page-header">
      <view class="text-2xl font-bold text-center">我的收藏</view>
      <view class="text-sm text-gray-500 text-center mt-1">收藏的精彩内容</view>
    </view>




  <div class="w-[750px]">
    <van-cell-group v-for="profile in profiles" :key="profile.id">
      <van-cell>
        <template #icon>
          <img :src="profile.avatar" class="w-[750px]" />
        </template>
        <template #title>
          <div class="flex justify-between items-center">
            <span class="text-[32px]">{{ profile.name }}</span>
            <van-icon name="star" color="#ff5000" />
          </div>
          <div class="text-[#999]">
            <span>❤{{ profile.age }}</span>
            <span>{{ profile.height }}cm</span>
            <span>{{ profile.weight }}kg</span>
            <span>{{ profile.maritalStatus }}</span>
          </div>
          <div class="text-[#999]">
            <span>工作地：{{ profile.workPlace }}</span>
            <span>户籍地：{{ profile.hukouPlace }}</span>
          </div>
          <div class="text-[#999]">收入{{ profile.income }}</div>
          <div class="bg-[#ff5000] text-white p-2 rounded">对象要求</div>
          <div class="bg-[#ff5000] text-white p-2 rounded">{{ profile.requirements }}</div>
        </template>
      </van-cell>
    </van-cell-group>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import { Cell, CellGroup, Icon } from 'vant';

export default defineComponent({
  components: {
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Icon.name]: Icon,
  },
  setup() {
    const profiles = ref([
      {
        id: 1,
        avatar: 'path/to/avatar1.jpg',
        name: 'b2671',
        age: 43,
        height: 160,
        weight: 65,
        maritalStatus: '离异带娃',
        workPlace: '广东省/江门市/恩平市',
        hukouPlace: '广东省/江门市/恩平市',
        income: '4000~6000',
        requirements: '1975~1981年出生 收入4000以上',
      },
      // 其他profile数据...
    ]);

    return {
      profiles,
    };
  },
});
</script>

<style scoped>
/* 添加任何需要的额外样式 */
</style>